html{
    font-size: 50px;
}

@no:15;

@media screen and (min-width:320px){
    html{
        font-size: (320px / @no);
    }
}

@media screen and (min-width:360px){
    html{
        font-size: (360px / @no);
    }
}

@media screen and (min-width:375px){
    html{
        font-size: (375px / @no);
    }
}


@media screen and (min-width:384px){
    html{
        font-size: (384px / @no);
    }
}


@media screen and (min-width:400px){
    html{
        font-size: (400px / @no);
    }
}

@media screen and (min-width:424px){
    html{
        font-size: (424px / @no);
    }
}

@media screen and (min-width:480px){
    html{
        font-size: (480px / @no);
    }
}

@media screen and (min-width:540px){
    html{
        font-size: (540px / @no);
    }
}

@media screen and (min-width:720px){
    html{
        font-size: (720px / @no);
    }
}

@media screen and (min-width:750px){
    html{
        font-size: (750px / @no);
    }
}


body{
    min-width: 320px;
    max-width: 750px;
    width: 15rem;
    margin: 0 auto;
    line-height: 1.5rem;
    font-family: Arial, Helvetica;
    background: #f2f2f2;
}

@baseFont:50;
// 搜索框

a{
    text-decoration: none;
}
.search_nav{
    position: fixed;
    top: 0;
    min-width: 320px;
    max-width: 750px;
    width: 15rem;
    left: 50%;
    height: (88rem / @baseFont);
    background-color: #ffc001;
    transform: translate(-50%);
    display: flex;
    >.fenlei{
        width: (44rem / @baseFont);
        height: (68rem / @baseFont);
        margin: (11rem / @baseFont)(23rem / @baseFont)(7rem / @baseFont)(25rem / @baseFont);
        background: url("../images/classify.png") no-repeat;
        background-size: 100% auto;
    }
    >.search_input{
        flex: 1;
       >#sousou{
           box-sizing: border-box;
           height: (66rem / @baseFont);
           width: 100%;
           border-radius: (33rem / @baseFont);
           outline: none;
           border: none;
           font-size: (24rem / @baseFont);
           color: #777879;
           padding-left:(53rem / @baseFont);
           background-color: #fff2cc;
       }
    }
    >.login{
        font-size:(26rem / @baseFont);
        color:white;
        line-height: (88rem / @baseFont);
        margin-left: (22rem / @baseFont);
        margin-right: (22rem / @baseFont);
    }
}
img{
    vertical-align: middle;
}
// 广告图

.newimg{
    width: 100%;
    >img{
        width: 100%;
    } 
    >.newNav{
        display: flex;
        width: 100%;
        >img{
            width: (250rem / @baseFont);
        }
    }
}



// 爆款手机
.hotphone{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-top: (5rem / @baseFont);
    background-color:white;
    border-radius: (5rem / @baseFont);
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding-top:(20rem / @baseFont) ;
    >li{
        flex: 20%;
        font-size: (24rem / @baseFont);
        text-align: center;
        >a{
            display: flex;
            flex-direction: column;
            align-items: center;
            >.tel_icon{
                height:(90rem / @baseFont);
                width: (85rem / @baseFont);
                background: url(../images/nav1.png) 0px 0px no-repeat;
                background-size:100% auto;
            }
        }
    }
}

